<template>
    <div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>会议类型</label>
            </div>
            <div>
                <p>{{detailData.MeetingType}}</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>会议时间</label>
            </div>
            <div>
                <p>{{detailData.MeetingDate}}</p>
            </div>
        </div>
        <div class="form-item form-item-style2">
            <div class="label-title">
                <label>会议名称</label>
            </div>
            <div>
                <p class="textarea">{{detailData.MeetingName}}</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>会议地点</label>
            </div>
            <div>
                <p>{{detailData.MeetingPosition}}</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>主持人</label>
            </div>
            <div>
                <p>{{detailData.MeetingHoster}}</p>
            </div>
        </div>
        <div class="form-item form-item-style2">
            <div class="label-title">
                <label>参会人员</label>
            </div>
            <div>
                <p class="textarea">{{detailData.MeetingPerson}}</p>
            </div>
        </div>
        <div class="form-item form-item-style1">
            <div class="label-title">
                <label>会议应到人数</label>
            </div>
            <div>
                <p>{{detailData.PersonCount}}</p>
            </div>
        </div>
        <div class="form-item form-item-style2">
            <div class="label-title space-between">
                <div class="space-between">
                    <label>会议议程</label>
                </div>
                <span @click="unfoldMeasure = !unfoldMeasure">{{unfoldMeasure?'收起': '展开'}}</span>
            </div>
            <div>
                <p class="textarea"
                   :class="{'unfold':unfoldMeasure}">{{detailData.MettingAgenda}}</p>
            </div>
        </div>
        <myMenu></myMenu>
    </div>
</template>
<script>
import myMenu from '@/commonComponents/menu'
export default {
    name: 'meetingNoticeDetail',
    components: {
        myMenu
    },
    data () {
        return {
            userInfo: {},
            unfoldMeasure: false,
            detailData: {}
        }
    },
    created () {
        this.userInfo = JSON.parse(localStorage.getItem('userInfo')) || {}
        this.getDetail()
    },
    methods: {
        getDetail () {
            let params = {
                'allowPaging': true,
                'business': 'GetSafetyMeeting',
                'data': {
                    'businessType': '2',
                    'id': this.$route.query.id
                },
                'pageIndex': 0,
                'pageSize': 0,
                'userId': this.userInfo.userid
            }
            this.$axiosAjax.getConfigJson(params)
                .then((res) => {
                    if (res.data.code === 0) {
                        this.detailData = res.data.data
                    }
                }).catch((response) => {
                })
        }
    }
}
</script>
